@charset "utf-8";
/* CSS Document */
.ty01{ position:absolute; left:0; top:0; z-index:99999; margin:0 ; padding:0}
.ty01, .ty02{ width:100%; background:#005fc3; height:100px; padding:0; margin:0 auto; background:#005fc3;}
.ty02{ width:1400px; height:100px; }

.ty-01{ width:1400px; margin:0 auto; height:100%; display:flex; align-items:center}

.top01{ z-index:9999999999}
.logo{ width:393px; height:56px; float:left; overflow:hidden; margin-right:52px;  margin-top:22px}
.logo a{ display:block; width:100%; height:56px; float:left; overflow:hidden; }

#header{width:660px; height:100px; float:left;  margin-right:25px;  }
.nav{ width:100%; height:100px; float:left; }
.nav li{ position: relative;width:110px; float:left; height:100px; }
.nav li a{ width:100%; height:100px; text-align:center; line-height:100px; display:block; float:left; color:#fff; font-size:17px; background:url(navarr1.png) no-repeat 93px 49px }
.nav li a:hover { text-decoration:none;}
.nav li .nav-w { z-index:21; position:absolute; display:none; float:left; clear:both; left:-25px; overflow:hidden; top:100px; width:150px;  background-color:rgba(255,255,255,.95);}

.nav li:hover a{color:#ff0; text-decoration:none; background:#005fc3}
.nav li .section-nav1{  height:auto; width:100%; overflow: hidden; }
.nav li .section-nav1 ul { width:100%; position:static; overflow:hidden;}
.nav li .section-nav1 ul li{position:static; padding:0px; margin:0; width:100%;  background:none; float:left; overflow:hidden; height:47px}
.nav li div.section-nav1 a { float:left; display:block; line-height:50px; height:50px; overflow:hidden; padding:0;  width:100%; color:#333; font-size:15px; border-top:none; margin:0;  border:none; text-align:center;text-decoration:none;transition: all 0.4s;}
.nav li .section-nav1 ul li a:hover {color:#fff; text-decoration:none;background:rgba(0,95,195,.8); }
.nav li:hover .section-nav1 a{ background:none}

.nav li a.on_h{ color:#ff0}
.nav li:hover a.on_h{ color:#fff}

.soso10{ width:270px; overflow:hidden; float:left; height:40px; margin-top:30px  }
.soso10 .search_text{ float:left; overflow:hidden; height:40px; line-height:40px; border:none; width:165px; padding:0 15px; font-family:"microsoft Yahei"; color:rgba(255,255,255,.6); background:rgba(255,255,255,.2);  outline: none;  font-size:14px}
.soso10 .search_button{ width:60px; height:40px; border:none; background:#005fc3 url(soso.png) no-repeat center center; outline:none; font-family:"microsoft Yahei"; font-size:14px; color:#fff; text-align:center; line-height:40px}
.soso10 .search_button:hover{ cursor:pointer;outline: none;background:#f7e15d url(soso.png) no-repeat center center; }

.first{ overflow:hidden }
.video{ width:100%; height:100%; }


.dl-11{ width:100%; text-align:center; overflow:hidden;position:absolute; left:0; z-index:99; height:100%;}  /* background:rgba(0,95,195,.05);*/
.dl-11 dt{ font-size:45px; color:rgba(255,255,255,.8); text-align:center; width:100%;  line-height:45px; margin-bottom:20px; margin-top:350px }
.dl-11 dd{ font-size:50px; color:rgba(0,95,195,.9); color:#f7e15d; text-align:center; width:100%; font-weight:bold;   line-height:65px; margin-bottom:10px;}

.dl-11 h6 { width:100%; width:100%; font-weight:normal; text-align:center; line-height:30px; color:rgba(255,255,255,.8); font-size:18px}

.keji{ width:462px; height:462px; position:absolute; z-index:98; left:50%; margin-left:-231px; top:260px;  animation: xuanzhuan 1200s infinite;}
.w_head01{ display:none}

@keyframes xuanzhuan {
	
0%{transform: rotate(0deg)}
100%{ transform: rotate(36000deg);}
	
}
@keyframes hometext {
         0% {
                opacity:0;
            }
            
            30% {
               opacity:1;
            }
			70% {
                opacity:1;
            }
          
            100% {
                opacity:0;
            }
        } 

.about{ background:url(about.jpg) no-repeat center 0; background-size:100% 100%}
.about01{ width:100%;  overflow:hidden;}
.h2-01{ width:100%; float:left; overflow:hidden; text-align:center; font-size:46px; color:#fff; font-weight:normal; line-height:55px; margin-bottom:15px }
.h2-01 a{ color:#fff; font-size:46px}
.h6-01{ width:100%; float:left; overflow:hidden; line-height:45px; text-align:center; margin-bottom:30px; }
.h6-01 span{ background:#005fc3; background:#128de4; font-size:18px; padding:8px 25px; color:#fff; font-weight:normal;border-radius:22px; }
.ab-ul{ width:80%; padding:0 10%; float:left; overflow:hidden; margin-bottom:80px }
.ab-ul p{ width:100%; float:left; overflow:hidden; line-height:36px; font-size:18px; color:#fff; text-align:center}


.dl-01{ width:400px; float:left; overflow:hidden;}
.dl-01a{ margin-left:100px; display:inline}
.dl-01 dt{ width:100%; float:left; overflow:hidden; height:200px; line-height:200px; text-align:center; font-size:189px; color:rgba(255,255,255,.9); font-weight:bold}
.dl-01 dt span{ color:rgba(255,255,255,.9); font-size:19px; padding-left:10px; font-weight:normal}
.dl-01 dd{ width:100%; float:left; overflow:hidden; text-align:center; font-size:15px; color:rgba(255,255,255,.9); line-height:22px}


@keyframes touming {
	from {
		opacity:0.7;
	}
	to {
		opacity:1;
	}
} 
		
.ab-2{ width:256px; padding:0 72px;float:left; overflow:hidden; }
.ab-2 a{ display:block; width:256px; height:256px; float:left; overflow:hidden;background:url(play01.png) no-repeat center center; border-radius:50%; transition: all 0.35s;animation: touming 1.5s infinite;}
.ab-2 a:hover{ background:url(play02.png) no-repeat center center;}

.product{ background:url(product.jpg) no-repeat center 0; background-size:100% 100%}
.product01{ width:100%;  overflow:hidden;}
.product01 h6{ margin-bottom:20px}
.ul-03{ width:620px; margin:0 auto;overflow:hidden;  margin-bottom:30px; display:flex;justify-content:space-between}
.ul-03 a{ padding:9px 35px 10px;  background:#128de4; color:#fff; font-size:18px; border-radius:3px}
.ul-03 a:hover{ background:#e5ca2b; color:#fff}

.pro-main{ width:100%; overflow:hidden; display:flex; justify-content:space-between;flex-wrap:wrap }
.pro-main dl{ width:335px; float:left; overflow:hidden;  margin-bottom:20px; background:#fff; padding-bottom:5px;transition: all 0.45s;}
.pro-main dl dd{ width:100%; float:left; overflow:hidden; margin-bottom:6px}
.pro-main dl dd img{ width:100%; float:left; overflow:hidden}
.pro-main dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; text-align:center}
.pro-main dl dt a{font-size:16px; color:#333; }
.pro-main dl:hover{ background:#128de4; border-radius:10px}
.pro-main dl:hover dt a{ color:#fff}

.dl-03{ width:100%; float:left; overflow:hidden; margin-top:5px }
.dl-03 dd{ width:100%; float:left; overflow:hidden; height:40px; text-align:center}
.dl-03 dd img{animation: more5 1.5s infinite;}
.dl-03 dt{ width:100%; float:left; overflow:hidden; line-height:40px; text-align:center}
.dl-03 dt a{ padding:7px 15px 9px; background:#128de4; color:#fff; font-size:16px}


@keyframes more5 {
	from { transform:translate(0,0)}
	to {transform:translate(0,15px)}
} 

.dl-03 dt a:hover{ background:#e5ca2b}

.news{ background:url(news.jpg) no-repeat center 0; background-size:100% 100%}
.news01{ width:100%;  overflow:hidden;}
.news01 .h2-01 a{ color:#333;}
.news01 .h2-01 a:hover{ color:#005fc3}
.news01 .h6-01{ margin-bottom:50px}
.news-left{ width:46%; margin-right:8%; float:left; overflow:hidden;}

.dl_02{ width:100%; float:left; overflow:hidden; margin-bottom:15px}
.dl_02 h5{ width:100%; float:left; overflow:hidden; margin-bottom:40px; background-size:100% }
.dl_02 h5 img{ width:100%; float:left; overflow:hidden}
.dl_02 dt{ width:100%; float:left; overflow:hidden; height:22px; line-height:22px; margin-bottom:5px}
.dl_02 dt a{ font-size:18px; color:#222; margin-bottom:5px; font-weight:bold}
.dl_02 dt a:hover{ text-decoration:underline; color:#005fc3}
.dl_02 h6{ width:100%; float:left; overflow:hidden; line-height:26px; font-weight:normal; color:#999; font-size:12px; margin-bottom:15px}
.dl_02 h6 span{ margin-right:30px}
.dl_02 dd{ width:100%; float:left; overflow:hidden; line-height:22px; color:#555; font-size:14px; overflow: hidden; }


.ul-02{ width:100%; float:left; overflow:hidden}
.ul-02 li{ width:31%; float:left; overflow:hidden; height:20px; line-height:20px; margin-bottom:5px; text-overflow:ellipsis; white-space: nowrap; color:#888}
.ul-02 li a{ color:#888; font-size:12px}
.ul-02 li a:hover{ color:#333}
.ul-02 span{ width:3.5%; text-align:center; color:#ccc; font-size:12px; float:left; overflow:hidden; line-height:20px; height:20px}
.span_li_3{ display:none;}
.span_li_6{ display:none}

.news-right{ width:46%; float:left; overflow:hidden;}

.xw-1{ width:100%; float:left; overflow:hidden; border-bottom:1px solid #e6e6e6; padding-bottom:25px; margin-bottom:26px}
.xw-1c{ padding-bottom:0; margin-bottom:0; border:none}

.dl-4{ width:100%; float:left; overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee}
.dl-4 dt{ width:100%; float:left; overflow:hidden; max-height:30px; line-height:30px; margin-bottom:5px}
.dl-4 dt a{ font-size:18px; color:#222; margin-bottom:5px; font-weight:bold}
.dl-4 dt a:hover{ text-decoration:underline; color:#005fc3}
.dl-4 dd{ width:100%; float:left; overflow:hidden; line-height:23px; color:#444; font-size:14px; overflow: hidden; }

.dl-4 h6{ width:100%; float:left; overflow:hidden; line-height:26px; font-weight:normal; color:#999; font-size:12px; margin-bottom:15px}
.dl-4 h6 span{ margin-right:30px}

.news-right dl:last-child{ display:none}

/********* 优势 ****************/
.advantage{ background:url(advantage.jpg) no-repeat center 0; background-size:100% 100%}
.advantage01{ width:100%;  overflow:hidden;}
.advantage01 .h6-01{ margin-bottom:80px}
.dl03{ width:295px; float:left; overflow:hidden; margin-right:20px; background:rgba(255,255,255,.9); padding:25px 20px;
transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; 
 }
.dl03 h5{ display:block; float:left; overflow:hidden; width:100%;  text-align:center; margin-bottom:10px; }
.dl03 h5 img{ width:130px; height:130px; 
transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;}

.dl03:hover h5 img{   
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
	}

.dl03  ul{ width:100%; float:left; overflow:hidden}
.dl03 dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:19px; margin-bottom:10px; color:#222; text-align:center; font-weight:bold}
.dl03 dd{ width:90%; padding:0 5%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#666; text-align:center}

.h6-11{ width:100%; float:left; overflow:hidden; font-weight:normal; font-size:16px; color:rgba(255,255,255,.8); margin-top:50px; line-height:26px}

/********* 联系 ****************/
.contact{ background:url(contact.jpg) no-repeat center 0; background-size:100% 100%}
.contact01{ width:100%;  overflow:hidden;}

.contact01 .h601{ margin-bottom:80px}

.dl-02{ width:33.33%; float:left; overflow:hidden; display:flex}
.dl-02 h5{ width:60px; height:60px; text-align:center; border-radius:50%; background:#005fc3; margin-right:20px; float:left; overflow:hidden}
.dl-02 h5 img{ height:28px; margin-top:16px}
.dl-02a h5 img{ height:22px; margin-top:19px}
.dl-02 ul{ flex:1 }
.dl-02 dt{ width:100%; float:left; overflow:hidden; font-size:21px; color:#222; line-height:30px; margin-top:2px}
.dl-02 dd{width:100%; float:left; overflow:hidden; font-size:17px; color:#333; line-height:25px; }

.tel_01{ width:100%; float:left; overflow:hidden; margin:70px 0 40px}
.tel_01 h5{ width:100%; float:left; overflow:hidden; line-height:30px; color:#005fc3; font-size:28px; text-align:center; margin-bottom:20px}
.tel_01 dt{ width:100%; float:leftt; overflow:hidden; margin-bottom:15px; text-align:center; line-height:70px; font-size:65px; font-weight:bold; color:#666; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif }
.tel_01 dd{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:#888; text-align:center; font-weight:bold}
.tel_01 dd:nth-of-type(2){ font-weight:normal}

.wx_11{ width:100%; float:left; overflow:hidden; display:flex; justify-content:center; overflow:hidden; margin-bottom:75px}
.wx_11 ul{ width:138px;  overflow:hidden; }
.wx_11 h5{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:10px}
.wx_11 h5 img{ width:116px; height:116px; float:left; overflow:hidden; padding:10px; border:1px dashed rgba(191,1,1,.5)}
.wx_11 h3{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center;font-weight:normal; font-size:18px; color:#5d5d5d}
.wx_11 h4{ width:100%; float:left; overflow:hidden; line-height:20px; text-align:center; font-weight:normal; font-size:16px; color:#5d5d5d}
.wx_11 ul.m_r30{ margin-right:60px}

.copy{ width:100%; height:40px; line-height:40px; font-size:14px; color:#333; float:left;}
.copy span{ float:right; line-height:40px; }
.copy span a{ color:#333}

.nav-home{ position:fixed ; right:0px; top:40%; width:80px; z-index:999; opacity:0.3 }
.nav-home ul{ width:100%; float:left; overflow:hidden; padding:15px; background:rgba(0,95,195,.8)}
.nav-home ul a{ display:block; width:100%; float:left; overflow:hidden; line-height:26px; color:#fff; font-size:12px; font-weight:normal}
.nav-home:hover{ opacity:1}
.nav-home ul a:hover{ text-decoration:underline}

.m_r0{ margin-right:0}
.m_70{ margin-bottom:70px}




@media (max-width:767px){
.top01{ display:none}


.video video{width:100%; height:50%;  object-fit: fill;object-fit: cover;outline: none; padding-top:0px; margin-top:50px }

.w_head01{ display:block; width:100%; background:#fff; height:50px;  position:fixed; left:0; top:0; z-index:999999999; margin:0 ; padding:0}
.w_head02{ height:50px; }
.ty11{ width:94%; padding:0 3%}
.w_ul01{ height:36px; margin-top:7px; float:left; overflow:hidden}
.w_ul01 img{ height:36px}
	
	
.ty02,.ty-01{ width:94%; padding:0 3%;}

.soso10{ display:none}

.logo{ width:393px; height:56px; float:left; overflow:hidden; margin-right:87px;  margin-top:22px}
.logo a{ display:block; width:100%; height:56px; float:left; overflow:hidden; }
#header{ display:none}

.about{  background:url(about.jpg) no-repeat center 0;position: relative;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;}
	
.product{ background:url(product.jpg) no-repeat center 0; position: relative;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;}
	
.news{ background:url(news.jpg) no-repeat center 0;position: relative;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;}
	
.advantage{ background:url(advantage.jpg) no-repeat center 0; position: relative;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;}
	
.contact{ background:url(contact.jpg) no-repeat center 0;  position: relative;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;}

.h2-01{ font-size:26px; line-height:30px; margin-bottom:10px }
.h2-01 a{font-size:26px; font-weight:bold}
.h6-01{ line-height:30px; text-align:center; margin-bottom:15px; }
.h6-01 span{ font-size:14px; padding:5px 15px;border-radius:15px; }


.ab-ul{ width:100%; padding:0; margin-bottom:20px }
.ab-ul p{ line-height:18px; font-size:11px; }
.ab-ul p:last-child{ display:none}

.dl-01{ width:80%; padding:0 10%}
.dl-01a{ margin-left:0px;}

.dl-01 dt{  height:70px; line-height:70px; font-size:60px;}
.dl-01 dt span{ color:rgba(255,255,255,.9); font-size:11px; padding-left:2px; font-weight:normal}
.dl-01 dd{font-size:11px; line-height:18px}

.ab-2{ width:30vw;height:30vw; float:left; padding:15px 33vw 0}
.ab-2 a{ width:100%; height:100%; background-size:100% 100%}
.ab-2 a:hover{ background-size:100% 100%}

.ul-03{ width:100%;  margin-bottom:20px; justify-content:center;}
.ul-03 a{ padding:5px 5px 5px; margin-right:5px; font-size:14px; border-radius:3px}
.ul-03 a:last-child{ margin-right:0}

.pro-main dl{ display:none}
.pro-main dl:nth-child(-n+4){ display:block}
.pro-main dl{ width:49%}
.pro-main dl:hover{ border-radius:6px}
.dl_02 dd,.dl-4 dd{ display:none }
.advantage01 .h6-01{ margin-bottom:10px}
.h6-11{  font-size:12px; margin-top:30px; line-height:22px}
.pro-main dl dt{ height:25px; line-height:25px}
.pro-main dl dt a{font-size:12px; }

.dl-03 dt{ width:100%; float:left; overflow:hidden; line-height:35px; text-align:center}
.dl-03 dt a{ padding:5px 15px 6px; background:#128de4; color:#fff; font-size:14px}

.news01 .h6-01{ margin-bottom:20px}
.news-left{ display:none}
.news-right{ width:100%}
.dl-4{  margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee}
.dl-4 dt{  max-height:44px; line-height:22px; margin-bottom:5px}
.dl-4 dt a{ font-size:16px; font-weight:bold}
.dl-4 h6{ margin-bottom:0}
.news-right dl:last-child{ display:block}



.dl03{ width:48%; padding:10px; margin-right:0; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:10px }
.advantage01 dl:nth-of-type(1),.advantage01 dl:nth-of-type(3){ margin-right:4%}
.dl03 h5 img{ width:60px; height:60px; }
.dl03 dt{line-height:22px; font-size:16px; margin-bottom:6px; }
.dl03 dd{ width:100%; padding:0; line-height:18px; height:54px; font-size:12px; }
.h6-11{ display:none}



.contact01 .h601{ margin-bottom:20px}

.dl-02{ width:100%; display:flex; margin-bottom:10px}
.dl-02 h5{ width:50px; height:50px; margin-right:15px;}
.dl-02 h5 img{ height:20px; margin-top:15px}
.dl-02a h5 img{ height:20px; margin-top:15px}
.dl-02 ul{ flex:1 }
.dl-02 dt{ font-size:18px;line-height:26px; margin-top:2px}
.dl-02 dd{ font-size:14px; color:#333; line-height:20px; }

.tel_01{ width:100%; float:left; overflow:hidden; margin:10px 0 20px}
.tel_01 h5{line-height:30px; font-size:21px;  margin-bottom:0px}
.tel_01 dd{  line-height:30px; font-size:16px;}

.wx_11{ width:100%; float:left; overflow:hidden; margin-bottom:20px; padding-left:0; display:flex;justify-content:center;}
.wx_11 ul{ width:92px; }
.wx_11 h5{ width:100%; float:left; overflow:hidden; text-align:center; margin-bottom:10px}
.wx_11 h5 img{ width:78px; height:78px; float:left; overflow:hidden; padding:6px; border:1px dashed rgba(191,1,1,.5)}
.wx_11 h3{line-height:20px; font-size:16px; color:#222; font-weight:bold}
.wx_11 h4{ line-height:20px; font-size:12px; color:#333}
.wx_11 ul.m_r30{ margin-right:20px}

.copy{  height:20px; line-height:20px; font-size:12px; color:#222}
.copy span{ float:right; line-height:20px; color:#333 }




.m_r0{ margin-right:0}

.dl-02 dt{ font-size:18px; line-height:26px; margin-top:2px}
.dl-02 dd{font-size:14px; line-height:20px; }

.dl-11,.keji{ display:none}

}

/*  max-width:750px  */
@media screen and (min-width:768px) and (max-width:991px){

.video video{width:100%; height:100%;  object-fit: fill; padding-top:50px }

.ty02{ width:750px;}
.ty-01{ width:750px;}
.soso10{ display:none}

.logo{ width:393px; height:56px; float:left; overflow:hidden; margin-right:87px;  margin-top:22px}
.logo a{ display:block; width:100%; height:56px; float:left; overflow:hidden; }
#header{ display:none}

.ab-ul{ width:100%; padding:0; margin-bottom:40px }
.ab-ul p{ line-height:28px; font-size:14px; }

.dl-01{ width:255px;height:260px;}
.dl-01a{ margin-left:0px;}

.dl-01 dt{  height:160px; line-height:160px; font-size:140px;}
.dl-01 dt span{ color:rgba(255,255,255,.9); font-size:14px; padding-left:2px; font-weight:normal}
.dl-01 dd{font-size:13px; line-height:20px}

.ab-2{ width:180px; padding:0 30px; height:180px; float:left;}
.ab-2 a{ width:180px; height:180px; background-size:100% 100%}
.ab-2 a:hover{ background-size:100% 100%}

.pro-main dl{ display:none}
.pro-main dl:nth-child(-n+4){ display:block}
.pro-main dl{ width:365px;}
.pro-main dl:hover{ border-radius:6px}
.pro-main dl:nth-child(7),.pro-main dl:nth-child(8){ display:none}
.dl_02 dd,.dl-4 dd{ display:none }
.advantage01 .h6-01{ margin-bottom:20px}
.dl03{ width:160px; padding:25px 10px; margin-right:10px}
.dl03 h5 img{ width:90px; height:90px; ;}
.dl03 dd{ width:100%; padding:0; height:78px; font-size:14px; }

.m_r0{ margin-right:0}

.dl-02{ width:100%; margin-bottom:20px}

}

/*  max-width:960px  */
@media screen and (min-width:992px) and (max-width:1199px){

.video video{width:100%; height:100%;  object-fit: fill; padding-top:50px }

.ty02{ width:960px;}
.ty-01{ width:960px;}
.soso10{ display:none}

.logo{ width:393px; height:56px; float:left; overflow:hidden; margin-right:87px;  margin-top:22px}
.logo a{ display:block; width:100%; height:56px; float:left; overflow:hidden; }
#header{ display:none}

.ab-ul{ width:100%; padding:0; margin-bottom:40px }
.ab-ul p{ line-height:28px; font-size:14px; }

.dl-01{ width:280px;height:260px;}
.dl-01a{ margin-left:0px;}

.pro-main dl{ width:308px;}
.pro-main dl:hover{ border-radius:6px}
.pro-main dl:nth-child(7),.pro-main dl:nth-child(8){ display:none}
.dl-02{ width:100%; margin-bottom:20px}
.dl-4 dd{ height:23px; overflow: hidden; }
.advantage01 .h6-01{ margin-bottom:40px}
.dl03{ width:195px; padding:25px 15px;}
.dl03 dd{ width:100%; padding:0; height:78px; font-size:14px; }

}


/*  max-width:1140px  */
@media screen and (min-width:1200px) and (max-width:1439px){

.video video{width:100%; height:100%;  object-fit: fill; padding-top:50px }
.ty02{ width:1140px;}
.soso10{ display:none}

.logo{ width:393px; height:56px; float:left; overflow:hidden; margin-right:87px;  margin-top:22px}
.logo a{ display:block; width:100%; height:56px; float:left; overflow:hidden; }

#header{ margin-right:0px;  }
.ty-01{ width:1140px;}

.ab-ul{ width:100%; padding:0; margin-bottom:60px }
.ab-ul p{ line-height:32px; font-size:16px; }

.dl-01{ width:370px;height:260px;}
.dl-01a{ margin-left:0px;}

.pro-main dl{ width:270px;}
.pro-main dl:hover{ border-radius:6px}
.advantage01 .h6-01{ margin-bottom:60px}
.dl03{ width:230px; padding:25px 20px;}
.dl03 dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:19px; margin-bottom:10px; color:#222; text-align:center; font-weight:bold}
.dl03 dd{ width:100%; padding:0; height:78px; font-size:14px; }

}

@media (min-width:1440px){
.video video{width:100%; height:100%;  object-fit: fill; padding-top:50px }
.dl-01{  height:260px;} 
.ab-2{height:260px;}

}